//stack  栈布局 最先放入的在最下面显示  有点像帧布局
// 可以保存当前页面的状态
//参数说明

//Stack({
//Key key,
//this.alignment: AlignmentDirectional.topStart,//对齐方式 相对于父布局
//this.textDirection,
//this.fit: StackFit.loose,//是否按照父类宽高处理自己大小
//this.overflow: Overflow.clip,//溢出处理方式
//List<Widget> children: const <Widget>[],
//})

import 'package:flutter/material.dart';

class MyStackDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Stack(
      children: <Widget>[
        Icon(
          Icons.check_circle,
          size: 100.0,
          color: Colors.yellow,
        ),
        Icon(
          Icons.check_circle,
          color: Colors.lightGreen,
        ),
      ],
      alignment: Alignment.bottomLeft,
    );
  }
}

//IndexedStack 用法和 Stack差不多 不过 IndexedStack 只显示指定位置的Widget 其他位置的不会显示

class MyIndexedStack extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build

    return Scaffold(
      appBar: AppBar(
        title: Text('IndexedStack'),
      ),
      body: IndexedStack(
        index: 1,  //默认是0  也就是第一个
        children: <Widget>[
          Icon(
            Icons.check_circle,
            color: Colors.blue,
            size: 100.0,
          ),
          Icon(
            Icons.check_circle,
            color: Colors.red,
            size: 100.0,
          )
        ],
      ),
    );
  }
}
